﻿<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>时尚衣橱购物商城</title>
    <meta name="description" content="Default Description">
    <meta name="keywords" content="E-commerce" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- place favicon.ico in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="img/icon/favicon.png">
    <!-- Google Font css -->
    <link href="https://fonts.googleapis.com/css?family=Lily+Script+One" rel="stylesheet"> 

    <!-- mobile menu css -->
    <link rel="stylesheet" href="css/meanmenu.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- nivo slider css -->
    <link rel="stylesheet" href="css/nivo-slider.css">
    <!-- owl carousel css -->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <!-- slick css -->
   <link rel="stylesheet" href="css/slick.css">
    <!-- price slider css -->
    <link rel="stylesheet" href="css/jquery-ui.min.css">
    <!-- fontawesome css -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
     <!-- fancybox css -->
    <link rel="stylesheet" href="css/jquery.fancybox.css">     
    <!-- bootstrap css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- default css  -->
    <link rel="stylesheet" href="css/default.css">
    <!-- style css -->
    <link rel="stylesheet" href="../static/css/style.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="css/responsive.css">

    <!-- modernizr js -->
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>

    
    <!-- Wrapper Start -->
    <div class="wrapper">
        <!-- Header Area Start -->
        <header>
            <!-- Kiosk Header Top Start -->
            <div class="kiosk-header-top">
                <div class="container">
                    <div class="row">
                        <!-- Header Top left Start -->                        
                        <div class="col-lg-6 col-md-12 d-center">
                            <div class="kiosk-header-top-left">
                                <i class="fa fa-phone"></i>中软国际: 400-183-1066
                            </div>                        
                        </div>
                        <!-- Header Top Right Start -->                                       
                        <div class="col-lg-6 col-md-12">
                            <div class="kiosk-header-top-right">
                                <div class="search-box-view">
                                    <form action="#">
                                        <input type="text" class="email" placeholder="Search Your Product" name="product">
                                        <button type="submit" class="submit"></button>
                                    </form>
                                </div>
                                <!-- Header-list-menu End -->
                            </div>
                        </div>
                        <!-- Header Top Right End -->
                    </div>
                </div>
                <!-- Container End -->
            </div>
            <!-- Header Top End -->
            <!-- Kiosk Header Bottom Start -->
            <div class="kiosk-header-bottom header-sticky">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-3 col-lg-2 col-sm-5 col-5">
                            <div class="logo">
                                <a href="index.html"><img src="img/logo/logo.png" alt="logo image"></a>
                            </div>
                        </div>
                        <!-- Primary Vertical-Menu End -->
                        <!-- Search Box Start -->
                        <div class="col-xl-6 col-lg-7 d-none d-lg-block">
                            <div class="kiosk-middle-menu pull-right">
                                <nav>
                                    <ul class="kiosk-middle-menu-list">
                                        <li><a href="index.html">home</a>
                                            <!-- Home Version Dropdown Start -->
                                            <ul class="kiosk-dropdown home-dropdown">
                                                <li><a href="index.html">Home Version 1</a></li>
                                                <li><a href="index-2.html">Home Version 2</a></li>
                                            </ul>
                                            <!-- Home Version Dropdown End -->
                                        </li>
                                        <li><a href="about.html">about us</a></li>                                        
                                        <li><a href="shop.html">shop</a>
                                            <!-- Home Version Dropdown Start -->
                                            <ul class="kiosk-dropdown">
                                                <li><a href="shop.html">shop</a></li>
                                                <li><a href="cart.html">Cart Page</a></li>
                                                <li><a href="checkout.html">Checkout Page</a></li>
                                                <li><a href="wishlist.html">Wishlist Page</a></li>
                                                <li><a href="product.html">product details Page</a></li>
                                            </ul>
                                            <!-- Home Version Dropdown End -->
                                        </li>                                        
                                        <li><a href="blog.html">Blog</a>
                                            <!-- Home Version Dropdown Start -->
                                            <ul class="kiosk-dropdown">
                                                <li><a href="blog.html">Blog Page</a></li>
                                                <li><a href="blog-details.html">Blog Details Page</a></li>
                                            </ul>
                                            <!-- Home Version Dropdown End -->
                                        </li>
                                        <li><a href="#">pages</a>
                                            <!-- Home Version Dropdown Start -->
                                            <ul class="kiosk-dropdown">
                                                <li><a href="contact.html">contact us</a></li> 
                                                <li><a href="about.html">about us</a></li>   
                                                <li><a href="login.html">Login Page</a></li>
                                                <li><a href="error.html">404 Page</a></li>
                                            </ul>
                                            <!-- Home Version Dropdown End -->
                                        </li>
                                        <li><a href="contact.html">contact us</a></li>                                        
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <!-- Search Box End -->
                        <!-- Cartt Box Start -->
                        <div class="col-lg-3 col-sm-7 col-7">
                            <div class="kiosk-cart text-right">
                                <ul>
                                    <li><a href="#"><i class="fa fa-shopping-cart"></i><span class="cart-counter">2</span></a>
                                        <ul class="kiosk-dropdown main-kiosk-cart">
                                            <li>
                                                <!-- Cart Box Start -->
                                                <div class="single-kiosk-cart">
                                                    <div class="cart-img">
                                                        <a href="#"><img src="img/products/4.jpg" alt="cart-image"></a>
                                                    </div>
                                                    <div class="cart-content">
                                                        <h6><a href="product.html">lorem Ipsum</a></h6>
                                                        <span>$299.00</span>
                                                    </div>
                                                    <h6 class="kiosk-qty"><b>Qty</b>:03</h6>
                                                </div>
                                                <!-- Cart Box End -->
                                                <!-- Cart Box Start -->
                                                <div class="single-kiosk-cart">
                                                    <div class="cart-img">
                                                        <a href="#"><img src="img/products/4.jpg" alt="cart-image"></a>
                                                    </div>
                                                    <div class="cart-content">
                                                        <h6><a href="product.html">lorem Ipsum</a></h6>
                                                        <span>$469.00</span>
                                                    </div>
                                                    <h6 class="kiosk-qty"><b>Qty</b>:01</h6>
                                                </div>
                                                <!-- Cart Box End -->
                                                <!-- Cart Footer Inner Start -->
                                                <div class="cart-footer fix">
                                                    <h5>Discount<span class="f-right">$8.00</span></h5>
                                                    <h5>Shipping<span class="f-right">$18.00</span></h5>
                                                    <h5>Vat<span class="f-right">$6.00</span></h5>
                                                    <h5>Total<span class="f-right"><b>$698.00</b></span></h5>
                                                    <div class="kiosk-cart-button">
                                                        <a class="button slider-btn" href="cart.html">View Cart</a>
                                                        <a class="button slider-btn f-right mr-0" href="checkout.html">Checkout</a>
                                                    </div>
                                                </div>
                                                <!-- Cart Footer Inner End -->
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="#"><i class="fa fa-heart-o"></i></a></li> 
                                </ul>
                            </div>
                        </div>
                        <!-- Cartt Box End -->
                        <div class="col-sm-12 d-lg-none">
                            <div class="mobile-menu">
                                <nav>
                                    <ul>
                                        <li><a href="index.html">home</a>
                                            <!-- Home Version Dropdown Start -->
                                            <ul>
                                                <li><a href="index.html">Home Version 1</a></li>
                                                <li><a href="index-2.html">Home Version 2</a></li>
                                            </ul>
                                            <!-- Home Version Dropdown End -->
                                        </li>
                                        <li><a href="shop.html">shop</a>
                                            <!-- Mobile Menu Dropdown Start -->
                                            <ul>
                                                <li><a href="shop.html">shop</a></li>
                                                <li><a href="cart.html">Cart Page</a></li>
                                                <li><a href="checkout.html">Checkout Page</a></li>
                                                <li><a href="wishlist.html">Wishlist Page</a></li>
                                                <li><a href="product.html">product details</a></li>
                                            </ul>
                                            <!-- Mobile Menu Dropdown End -->
                                        </li>
                                        <li><a href="blog.html">Blog</a>
                                            <!-- Mobile Menu Dropdown Start -->
                                            <ul>
                                                <li><a href="blog.html">Blog Page</a></li>
                                                <li><a href="blog-details.html">Blog Details Page</a></li>
                                            </ul>
                                            <!-- Mobile Menu Dropdown End -->
                                        </li>
                                        <li><a href="#">pages</a>
                                            <!-- Mobile Menu Dropdown Start -->
                                            <ul>
                                                <li><a href="contact.html">contact us</a></li> 
                                                <li><a href="about.html">about us</a></li>   
                                                <li><a href="login.html">Login Page</a></li>
                                                <li><a href="error.html">404 Page</a></li>
                                            </ul>
                                            <!-- Mobile Menu Dropdown End -->
                                        </li>
                                        <li><a href="about.html">about us</a></li>
                                        <li><a href="contact.html">contact us</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <!-- Mobile Menu  End -->                        
                    </div>
                    <!-- Row End -->
                </div>
                <!-- Container End -->
            </div>
            <!-- Header Bottom End -->
        </header>
        <!-- Header Area End -->  
        <!-- Breadcrumb Start -->
        <div class="breadcrumb-area ptb-60 ptb-sm-30">
            <div class="container">
                <div class="breadcrumb">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="blog.html">Blog</a></li>
                        <li class="active"><a href="blog-details.html">Single Blog</a></li>
                    </ul>
                </div>
            </div>
            <!-- Container End -->
        </div>
        <!-- Breadcrumb End -->
        <!-- Blog Area Start -->
        <div class="blog-area ptb-70">
            <div class="container">
                <div class="row">
                    <!-- Sidebar Main Blog Start -->
                    <div class="col-lg-3">
                        <div class="main-right-sidebar">
                            <!-- Recent Post Start -->
                            <div class="recent-post same-sidebar border-default">
                                <h3 class="sidebar-title">recent posts</h3>
                                <ul>
                                    <!-- Singel Post Thumb Start -->
                                    <li class="post-thumb fix">
                                        <div class="left-post-thumb f-left mr-20 mb-20">
                                            <a href="#"><img class="img" src="img/products/1.jpg" alt="latest-post-imgae"></a>
                                        </div>
                                        <div class="right-post-thumb fix">
                                            <h4><a href="#">Festival time</a></h4>
                                            <span>Jan 14, 2018</span>
                                        </div>
                                    </li>
                                    <!-- Singel Post Thumb End -->
                                    <!-- Singel Post Thumb Start -->
                                    <li class="post-thumb fix">
                                        <div class="left-post-thumb f-left mr-20 mb-20">
                                            <a href="#"><img class="img" src="img/products/2.jpg" alt="latest-post-imgae"></a>
                                        </div>
                                        <div class="right-post-thumb fix">
                                            <h4><a href="#">Women fashion</a></h4>
                                            <span>May 09, 2018</span>
                                        </div>
                                    </li>
                                    <!-- Singel Post Thumb End -->
                                    <!-- Singel Post Thumb Start -->
                                    <li class="post-thumb fix">
                                        <div class="left-post-thumb f-left mr-20 mb-20">
                                            <a href="#"><img class="img" src="img/products/3.jpg" alt="latest-post-imgae"></a>
                                        </div>
                                        <div class="right-post-thumb fix">
                                            <div class="right-post-thumb">
                                                <h4><a href="#">Festival time</a></h4>
                                                <span>Jan 14, 2018</span>
                                            </div>
                                        </div>
                                    </li>
                                    <!-- Singel Post Thumb End -->
                                    <!-- Singel Post Thumb Start -->
                                    <li class="post-thumb fix">
                                        <div class="left-post-thumb f-left mr-20">
                                            <a href="#"><img class="img" src="img/products/4.jpg" alt="latest-post-imgae"></a>
                                        </div>
                                        <div class="right-post-thumb fix">
                                            <h4><a href="#">Women fashion</a></h4>
                                            <span>Jan 14, 2018</span>
                                        </div>
                                    </li>
                                        <!-- Singel Post Thumb End -->
                                </ul>
                            </div>
                            <!-- Recent Post End -->
                            <!-- Category Post Start -->
                            <div class="categorie recent-post same-sidebar border-default">
                                <h3 class="sidebar-title mt-40">categories</h3>
                                <ul class="categorie-list">
                                    <li><a href="#">Man Cloth</a></li>
                                    <li><a href="#">Women Cloth</a></li>
                                    <li><a href="#">Children Toys</a></li>
                                    <li><a href="#">Accessories</a></li>
                                    <li><a href="#">All Shoes</a></li>
                                </ul>
                            </div>
                            <!-- Category Post End -->
                            <!-- Meta Post Start -->
                            <div class="categorie recent-post same-sidebar border-default">
                                <h3 class="sidebar-title mt-40">Tags</h3>
                                <ul class="tag-list">
                                    <li><a href="#">Man</a></li>
                                    <li><a href="#">Women</a></li>
                                    <li><a href="#">Accessories</a></li>
                                    <li><a href="#">Shoes</a></li>
                                    <li><a href="#">Children</a></li>
                                </ul>
                            </div>
                            <!-- Meta Post End -->
                        </div>
                    </div>
                    <!-- Sidebar Main Blog End -->
                    <!-- Main Blog Start -->
                    <div class="col-lg-9">
                        <!-- Blog Details Start -->
                        <div class="blog-details">
                            <div class="blog-img">
                                <img src="img/blog/details.jpg" alt="blog-image">
                            </div>
                            <div class="blog-content">
                                <h1>Awesome Festival 2018</h1>
                                <div class="blog-meta">
                                    <ul>
                                        <li><span>By: </span> <a href="#">Koisk,</a></li>
                                        <li><span>On: </span> <a href="#">25 Jan, 2018</a></li>
                                    </ul>
                                </div>
                                <p class="mb-20">Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores impedit, aliquam fuga vero dolorum alias sed ipsa earum tempore blanditiis aut nesciunt officia exercitationem ex ea beatae cum sit harum. Vitae sunt ipsam adipisci eum labore maiores quasi deserunt ad consectetur dicta repudiandae accusamus, dolores iste temporibus, itaque tempora, nobis pariatur nisi atque! Doloribus, expedita ducimus! Suscipit tenetur labore animi aspernatur sapiente eligendi veritatis unde laborum! Officia minus harum consequatur aliquid. Eos sequi inventore nam incidunt, sit laboriosam modi facilis maxime natus officiis perferendis ullam fugiat nisi cumque similique fugit laudantium distinctio qui quasi minima nulla obcaecati dicta voluptatum! Sunt.</p>
                                <blockquote class="mb-30"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque esse accusamus veritatis hic mollitia voluptate iure architecto repudiandae repellat incidunt?</p><span>Kiosk key</span></blockquote>
                                <p class="mb-20">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Animi obcaecati id aspernatur possimus sunt autem culpa officiis, repudiandae fugit accusantium.</p>
                                <p class="mb-30">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio labore soluta recusandae esse earum eius voluptates molestias ab iure ullam!</p>
                            </div>
                        </div>
                        <!-- Blog Details End -->
                        <!-- Comment Area Start -->
                        <div class="comment-area recent-post pt-30">
                            <h3 class="sidebar-title">Comments(1)</h3>
                            <!-- Single Comment Start -->
                            <div class="single-comment">
                                <a class="reply" href="#"><i class="fa fa-reply"></i></a>
                                <div class="comment-img f-left pr-30">
                                    <img src="img/blog/user.jpg" alt="blog-comment">
                                </div>
                                <div class="comment-details fix">
                                    <h4><a href="#">RICE JOHNNY</a></h4>
                                    <span>August 10, 2018 at 11:08 am</span>
                                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto officiis tempore sapiente cumque nihil, atque natus ad voluptate excepturi libero!</p>
                                </div>
                            </div>
                            <!-- Single Comment End -->
                        </div>
                        <!-- Comment Area End -->
                        <!-- Contact Email Area Start -->
                        <div class="kiosk-blog-contact">
                            <h3>Write a Comment</h3>
                            <form id="contact-form" class="contact-form" action="#" method="post">
                                <div class="kiosk-blog-input">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="kiosk-name">
                                                <input type="text" name="name" placeholder="Name">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="kiosk-email">
                                                <input type="email" name="email" placeholder="Email">
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="kiosk-message">
                                                <textarea name="message" placeholder="Review*"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 footer-content kiosk-submit">
                                    <div class="kiosk-submit-area pull-left">
                                        <input type="submit" value="Submit" class="submit">
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- Contact Email Area End -->
                    </div>
                    <!-- Main Blog End -->
                </div>
            </div>
            <!-- Container End -->
        </div>
        <!-- Blog Area End -->
        <div class="kiosk-newsletter-area ptb-70">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mr-auto ml-auto">
                        <div class="newsletter text-center">
                            <div class="main-news-desc">
                                <div class="news-desc">
                                    <h3>Sign Up To Newsletter</h3>
                                </div>
                            </div>
                            <div class="kiosk-subscribe">
                                <form action="#">
                                    <input class="subscribe" placeholder="Enter your email address" name="email" id="subscribe" type="text">
                                    <button type="submit" class="submit">subscribe</button>
                                </form>
                            </div>
                        </div>                            
                    </div>
                </div>          
            </div>
        </div>

        <!-- Footer Start -->
        <footer class="black-bg">
            <!-- Footer Top Start -->
            <div class="footer-top ptb-60">
                <div class="container">           
                    <div class="row">
                        <!-- Single Footer Start -->
                        <div class="col-lg-4  col-md-4 col-sm-6">
                            <div class="single-footer">
                                <h3>About us</h3>
                                <div class="footer-content">
                                    <p>Lorem ipsum dolor sit, amet cons ectetur adipis icing elit. Nobis expedita dolorem minus eaque cupid itate repud iandae mollitia veritatis sim ilique, cumque arch itecto ectetur ectetur.</p>
                                    <div class="kiosk-footer-social">
                                        <ul class="kiosk-footer-list footer-top-social">
                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Footer Start -->
                        <!-- Single Footer Start -->
                        <div class="col-lg-2  col-md-2 col-sm-6 footer-full">
                            <div class="single-footer">
                                <h3 class="footer-title">Quick Link</h3>
                                <div class="footer-content">
                                    <ul class="footer-list">
                                        <li><a href="#">About Us</a></li>
                                        <li><a href="#">Contact Us</a></li>
                                        <li><a href="#">Blog</a></li>
                                        <li><a href="#">Support</a></li>
                                        <li><a href="#">Shop page</a></li>
                                        <li><a href="#">Gallery</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- Single Footer Start -->
                        <!-- Single Footer Start -->
                        <div class="col-lg-3 col-md-3  col-sm-6 footer-full">
                            <div class="single-footer">
                                <h3 class="footer-title">My Account</h3>
                                <div class="footer-content">
                                    <ul class="footer-list">
                                        <li><a href="about.html">Profile</a></li>
                                        <li><a href="#">Checkout</a></li>
                                        <li><a href="#">Login</a></li>
                                        <li><a href="#">Checkout</a></li>
                                        <li><a href="#">Contact</a></li>
                                        <li><a href="#">Registration</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- Single Footer Start -->
                        <!-- Single Footer Start -->
                        <div class="col-lg-3 col-md-3 col-sm-6 footer-full">
                            <div class="single-footer margin-sm0">
                                <h3>Contact us</h3>
                                <div class="footer-content">
                                    <div class="kiosk-contact-address">
                                        <span><i class="fa fa-map-marker"></i>Location</span>
                                        <span><i class="fa fa-envelope-o"></i>kiosk@gmail.com</span>
                                        <span><i class="fa fa-phone"></i>(232) 232 232</span>
                                        <span><i class="fa fa-facebook"></i>kiosk.facebook</span>
                                        <span><i class="fa fa-youtube"></i>kiosk.youtube</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Footer Start -->
                    </div>
                    <!-- Row End -->
                </div>
                <!-- Container End -->
            </div>
            <!-- Footer Top End -->
            <!-- Footer Bottom Start -->
            <div class="footer-bottom">
                <div class="container">
                    <div class="footer-bottom-content">
                        <p class="copy-right-text">Copyright © <a  href="http://www.17sucai.com/">themedream1</a> All Rights Reserved.</p>
                        <div class="kiosk-footer-social hidden-content">
                            <ul class="kiosk-footer-list">
                                <li><a href="#"><img src="img/footer/visa.png" alt=""></a></li>
                                <li><a href="#"><img src="img/footer/amarcan.png" alt=""></a></li>
                                <li><a href="#"><img src="img/footer/discover.png" alt=""></a></li>
                                <li><a href="#"><img src="img/footer/mastercard.png" alt=""></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Container End -->
            </div>
            <!-- Footer Bottom End -->
        </footer>
        <!-- Footer End -->
    </div>
    <!-- Wrapper End -->
    <!-- jquery 3.12.4 -->
    <script src="js/vendor/jquery-1.12.4.min.js"></script>
    <!-- mobile menu js  -->
    <script src="js/jquery.meanmenu.min.js"></script>
    <!-- scroll-up js -->
    <script src="js/jquery.scrollUp.js"></script>
    <!-- owl-carousel js -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- slick js -->
    <script src="js/slick.min.js"></script>
    <!-- wow js -->
    <script src="js/wow.min.js"></script>
    <!-- price slider js -->
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/jquery.countdown.min.js"></script>
    <!-- nivo slider js -->
    <script src="js/jquery.nivo.slider.js"></script>
    <!-- fancybox js -->
    <script src="js/jquery.fancybox.min.js"></script>
    <!-- bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- popper -->
    <script src="js/popper.js"></script>
    <!-- plugins -->
    <script src="js/plugins.js"></script>
    <!-- stellar -->
    <script src="js/jquery.stellar.min.js"></script>
    <script src="js/parallax.js"></script>
    <!-- main js -->
    <script src="js/main.js"></script>
</body>
</html>
